<template>
	<view class="body">
		<view class="userinfo">
			<view class="userinfo-user">
				<view class="u-image" style="width: 59px; height: 59px; border-radius: 50%; overflow: visible; opacity: 1; transition: opacity 0.5s ease-in-out 0s; background-color: transparent;">
					<image show-menu-by-longpress="true" class="u-image__image" style="border-radius: 50%;" src="http://47.110.68.119/web/static/login/logo.png"></image>
				</view>
				<u-row>
					<u-col offset="1">
						<view class="nick-name">王斐</view>
					</u-col>
					<u-col offset="1">
						<view>
							<view class="address">
							<text>0.....4ac276cf3 </text>
							<u-icon name="cut"></u-icon>
							</view>
						</view>
					</u-col>
				</u-row>
			</view>
		</view>
		<u-tabs-swiper ref="tabs" :list="list" :is-scroll="false"></u-tabs-swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			list: [
				{
					name: '藏品'
				}, 
				{
					name: '盲盒'
				}, 
				{
					name: '已卖出',
				},
				{
					name: '已发布',
				},
				],
			}
		},
		onLoad() {

		},
		methods: {
			changeScrollClass(index) {
				this.scrollFlag = !this.scrollFlag;
				this.currentTab = index
			}
		}
	}
</script>

<style>
	uni-view,
	uni-text {
		box-sizing: border-box;
	}

	uni-view {
		display: block;
	}

	.body {
		min-height: 100vh;
		padding-bottom: 26px;
		background-color: #000733;
	}

	.body .userinfo {
		width: 390px;
		height: 100px;
		box-sizing: border-box;
		background: url(http://47.110.68.119/web/static/img/mybgc.13f819eb.png);
		background-size: 100% 100%;
		padding: 15px 20px 15px;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.body .userinfo .userinfo-user {
	    width: 100%;
	    display: flex;
	    align-items: center;
	}
	.u-image {
	    position: relative;
	    transition: opacity .5s ease-in-out;
	}
	.u-image__image {
	    width: 100%;
	    height: 100%;
	}
	.body .userinfo .userinfo-user .nick-name {
	    margin-left: 8px;
	    font-size: 17px;
	}
	.body .userinfo .userinfo-user .address {
	    margin-left: 8px;
	    font-size: 17px;
	}
	
</style>
